.vip{
	min-height: 100vh;
	box-sizing: border-box;
	background: url(https://mp-a6359cef-e1f5-4478-96f8-00fab19c712c.cdn.bspapp.com/cloudstorage/dfd9092c-9e88-4e11-aad1-6a8980c45e65.png) no-repeat;
	background-size: 100% auto;
	background-position: 0 0;
	position: relative;
	background-color: #0f1012;
	padding-bottom: 60rpx;
	.vip-content-container{
		width: 686rpx;
		min-height: 402rpx;
		background: #FFCC95;
		border-radius: 60rpx;
		position: relative;
		// top: 61%;
		left: 50%;
		margin-top: 992rpx;
		transform: translateX(-50%);
		padding: 32rpx 24rpx 32rpx 32rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		.title{
			font-size: 48rpx;
			font-family: $global-font-family;
			font-weight: 800;
			color: #A15B00;
			line-height: 66rpx;
			height: 66rpx;
		}
		.content{
			margin-top: 18rpx;
			
			.content-item{
				min-height: 34rpx;
				font-size: 28rpx;
				font-family: $global-font-family;
				font-weight: 400;
				color: #A87F4A;
				line-height: 34rpx;
			}
		}
	}
	.open-vip-bar{
		width: 686rpx;
		height: 96rpx;
		background: url(https://mp-a6359cef-e1f5-4478-96f8-00fab19c712c.cdn.bspapp.com/cloudstorage/11cec2a5-ba22-42e1-b397-995b507b0a48.png) no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
		position: relative;
		left: 50%;
		margin-top: 74rpx;
		transform: translateX(-50%);
		padding: 14rpx 38rpx 12rpx 28rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.vip-label{
			color: #774300;
			font-family: $global-font-family;
			width: 256rpx;
			.label{
			font-size: 32rpx;	
			width: 100%;
			}
			.desc{
				font-size: 24rpx;
				width: 100%;
				text-align: center;
			}
		}
		.open-btn{
			height: 40rpx;
			font-size: 28rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 40rpx;
			width: 236rpx;
		}
	}
}